<script setup lang="ts"></script>

<template>
  <t-row>
    <t-col :lg="9" :md="9" :sm="11" :xl="9" :xs="11">
      <t-card :bordered="false">
        <h2>404</h2>
        <p>抱歉，您访问的页面不存在！</p>
      </t-card>
    </t-col>
  </t-row>
</template>

<style scoped lang="less">
.t-row {
  height: calc(100vh - 50px - 48px);
  background-image: url('@/assets/images/author/white-bg-ball.png');
  background-size: cover;
  display: flex;
  justify-content: center;
  & > .t-col > .t-card {
    margin-top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 250px;
    color: #909399;
    background-color: transparent;
    h2 {
      font-size: 30px;
    }
    p {
      font-size: 15px;
    }
  }
}
</style>
